@charset "utf-8";
/*banner*/
.xyin-banner{position: relative;}
.xyin-banner img{width: 100%;}
#mob-banner{display: none;}
@media (max-width: 990px){#pc-banner{display: none;}
#mob-banner{display: block;}}
/*解决方案*/
.index-solution{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.index-solution *{transition: all .5s;}
.index-solution .hd{position: absolute;bottom: .325rem;width: 100%;line-height: .3rem;z-index: 2;}
.index-solution .hd ul{display: flex;flex-wrap: wrap;margin: 0 .5rem;border-radius: .05rem;background: rgba(0,0,0,.8);}
.index-solution .hd ul li{position: relative;width: calc( 100% / 8);color: #fff;font-size: .1rem;text-align: center;cursor: pointer;transition: all .5s;}
.index-solution .hd ul li:after{content:" ";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: .01rem;height: .09rem;background: #fff;}
.index-solution .hd ul li:last-child:after{opacity: 0;}
.index-solution .hd ul li.on,.index-solution .hd ul li:hover{color:#f39800;}
.index-solution .txt{position: absolute;top: 15%;width: 100%;color: #fff;}
.index-solution .txt>div *{opacity: 0;visibility: hidden;position: relative;top: 30px;}
.index-solution .txt h3{font-size: .42rem;font-weight: bold;}
.index-solution .txt span{display: block;font-size: .13rem;line-height: .25rem;font-weight: bold;}
.index-solution .txt h2{font-size: .23rem;font-weight: bold;}
.index-solution .txt p{font-size: .09rem;line-height: .2rem;margin-top: .1rem;}
.index-solution img{width: 100%;display: block;}
.index-solution .swiper-slide-active .txt h3{opacity:1;visibility:visible;top:0;transition:1000ms 100ms;}
.index-solution .swiper-slide-active .txt span{opacity:1;visibility:visible;top:0;transition:1000ms 300ms;}
.index-solution .swiper-slide-active .txt h2{opacity:1;visibility:visible;top:0;transition:1000ms 500ms;}
.index-solution .swiper-slide-active .txt p{opacity:1;visibility:visible;top:0;transition:1000ms 700ms;}
/*产品案例*/
.index-case{background: #fff;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.index-case *{transition: all .5s;}
.index-case .hd{position: absolute;top: 0;width: 100%;height: 100%;z-index: 2;}
.index-case .hd ul{position: absolute;top: 50%;transform: translateY(-212px);width: 17%;line-height: .35rem;box-shadow: 0 7px 18px 0 rgba(0, 0, 0, 0.34);}
.index-case .hd ul li{position: relative;width: 100%;color: #fff;font-size: .15rem;text-align: center;border-left: 0;margin-bottom: 1px;background: rgba(0,0,0,.35);cursor: pointer;transition: all .5s;}
.index-case .hd ul li:last-child{margin: 0;}
.index-case .hd ul li>div{position: absolute;left: 0;top: 50%;width: 5px;height: 46px;background: #000;transform: translateY(-50%);opacity: 0;}
.index-case .hd ul li.on{color: #000;background: #fff;}
.index-case .hd ul li.on>div{opacity: 1;}
.index-case .txt{position: absolute;bottom: 0;width: 100%;color: #fff;}
.index-case .txt>div *{opacity: 0;visibility: hidden;position: relative;top: 30px;}
.index-case .txt p{font-size: .09rem;line-height: .2rem;text-align: justify;padding-left: 25%;padding-bottom: 4%;}
.index-case img{width: 100%;display: block;}
.index-case .swiper-slide-active .txt p{opacity:1;visibility:visible;top:0;transition:1000ms 100ms;}
/*产品中心*/
.index-pro{width: 1920px;position: relative;left: 50%;margin-left: -960px;padding: .35rem 0;line-height: 1;background: #000;height: 830px;}
.index-pro *{transition: all .5s;}
.index-pro .swiper-container{padding: .13rem 0;}
.index-pro .swiper-container:before,.index-pro .swiper-container:after{content:" ";position: absolute;top: 0;left: 0;width: 15%;height: 100%;background: linear-gradient(90deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,.0) 100%);z-index: 2;}
.index-pro .swiper-container:after{left: auto;right: 0;background: linear-gradient(90deg, rgba(0,0,0,.0) 0%, rgba(0,0,0,.8) 100%);}
.index-pro .swiper-slide{text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;opacity: .5;transition: 300ms;transform: scale(.8);}
.index-pro .swiper-slide .img{width: 100%;background: none;}
.index-pro .swiper-slide .img img{width: 100%;}
.index-pro .swiper-slide .txt{width: 100%;color: #fff;margin-top: .1rem;opacity: 0;}
.index-pro .swiper-slide .txt h3{font-size: .12rem;line-height: .25rem;}
.index-pro .swiper-slide .txt a{display: inline-block;color: #fff;font-size: .08rem;padding-bottom: .01rem;border-bottom: 1px solid #fff;opacity: .6;}
.index-pro .swiper-slide-prev{left: -10%;}
.index-pro .swiper-slide-next{right: -10%;}
.index-pro .swiper-slide-active,.index-pro .swiper-slide-duplicate-active{opacity: 1;transform: scale(1);}
.index-pro .swiper-slide-active .txt,.index-pro .swiper-slide-duplicate-active .txt{opacity: 1;}
.index-pro .swiper-pagination{bottom: 0;}
.index-pro .swiper-pagination .swiper-pagination-bullet{width: 24px;height: 5px;background: #fff;opacity: 1;margin: 0 4px;border-radius: 5px;vertical-align:top;position:relative;transition: all .5s;}
.index-pro .swiper-pagination .swiper-pagination-bullet-active{background: #f39800;}
.index-pro .swiper-button-prev,.index-pro .swiper-button-next{top: 40%;left: 20%;display: flex;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color: #fff;font-size: .4rem;width: .2rem;height: .3rem;margin: 0;background: none;}
.index-pro .swiper-button-next{left: auto;right: 20%;}
/*新闻中心*/
.index-news{padding: .55rem 0;line-height: 1;background: #e3e3e3;}
.index-news *{transition: all .5s;}
.index-news .news-box{position: relative;margin-top: .2rem;width: 100%;padding-top: 45%;}
.index-news .left{float: left;width: 50%;height: 100%;position: absolute;left: 0;top: 0;padding-right: 2%;}
.index-news .left .img{width: 100%;padding-top: 65.9%;position: relative;overflow: hidden;}
.index-news .left .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;object-fit: cover;}
.index-news .left .img:hover img{transform: scale(1.1);}
.index-news .right{float: right;width: 50%;height: 100%;position: absolute;right: 0;top: -4.7%;padding-left: 2%;}
.index-news dl{width: 100%;height: calc( 100% / 4);padding: 4.7% 0;border-bottom: 1px solid #d6d6d6;overflow: hidden;}
.index-news dl a{position: relative;display: block;}
.index-news dl dt{position: absolute;float: left;width: 15%;height: 100%;font-family: Arial;color: #212121;font-size: .1rem;font-weight: inherit;text-align: center;border-right: 1px solid #b9b9b9;}
.index-news dl dt b{display: block;font-size: .23rem;line-height: .25rem;font-weight: normal;}
.index-news dl dt font{position: absolute;width: 100%;left: 0;bottom: 0;color: #999;line-height: .15rem;}
.index-news dl dd{margin-left: 18%;}
.index-news dl dd h3{display: block;color: #454545;font-size: .1rem;font-weight: bold;line-height: .15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-news dl dd p{color: #8c8c8c;font-size: .08rem;line-height: .13rem;text-align: justify;padding-top: 2%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} 
.index-news dl:hover dd h3{color: #f39800;}
/*合作伙伴*/
.index-partner{position: relative;padding: .55rem 0;line-height: 1;background: #121212;}
.index-partner *{transition: all .5s;}
.index-partner ul{padding: .2rem 0;}
.index-partner ul li{position: relative;float:left;width: 16.666%;margin: .13rem 0;}
.index-partner ul li:nth-child(4n){margin-right: 0;}
.index-partner ul li .img{display: block;width: 100%;padding-top: 43.478%;position: relative;overflow: hidden;background-color: #212121;}
.index-partner ul li .img img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: block;transition: all .5s;}
.index-partner ul li h3{color: #a0a0a0;font-size: .075rem;text-align: center;}
.index-partner .swiper-pagination{bottom: 0;}
.index-partner .swiper-pagination .swiper-pagination-bullet{width: 24px;height: 5px;background: #fff;opacity: 1;margin: 0 4px;border-radius: 5px;vertical-align:top;position:relative;transition: all .5s;}
.index-partner .swiper-pagination .swiper-pagination-bullet-active{background: #f39800;}
/*轮播图*/
#banner .swiper-slide{text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;opacity: .5;transition: 300ms;transform: scale(.8);}
#banner .swiper-slide img{width: 100%;height: 100vh;object-fit: cover;transition: all 1s ease 2.5s;transform: perspective(1000px) translate3d(0, 0, 100px);}
#banner .swiper-slide .txt{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
#banner .swiper-slide .txt span{display: block;font-size: 20px;line-height: 50px;text-transform: uppercase;}
#banner .swiper-slide .txt h3{position: relative;color: transparent;font-size: 56px;line-height: 130px;font-weight: bold;letter-spacing: 5px;text-indent: 5px;}
#banner .swiper-slide .txt h3:before,#banner .swiper-slide .txt h3:after{content: "";position: absolute;top: 0;left: 50%;transform: translateX(-50%);min-width: 440px;width: 100%;height: 2px;background: #fff;margin-left: 100%;opacity: 0;}
#banner .swiper-slide .txt h3:after{top: auto;bottom: 0;margin-left: -100%;}
#banner .swiper-slide .txt span:first-child{transform: translateX(-100%);opacity: 0;}
#banner .swiper-slide .txt *, #banner .swiper-slide .txt h3:before, #banner .swiper-slide .txt h3:after{transition: all .8s ease .5s;text-shadow: 0 0 10px rgba(0,0,0,.5);}
#banner .swiper-slide.swiper-slide-active .txt span:first-child{transform: translateY(0);opacity: 1;}
#banner .swiper-slide.swiper-slide-active .txt h3:before{margin-left: 0;opacity: 1;}
#banner .swiper-slide.swiper-slide-active .txt h3{color: #fff;}
#banner .swiper-slide.swiper-slide-active .txt h3:after{margin-left: 0;opacity: 1;}
#banner .swiper-slide .txt span:last-child{transform: translateX(100%);opacity: 0;}
#banner .swiper-slide.swiper-slide-active .txt span:last-child{transform: translateY(0);opacity: 1;}
#banner .swiper-slide.ani-slide img{transition: all 5s ease 0s;transform: perspective(1000px) translate3d(0, 0, 0px);}
#banner .swiper-pagination{bottom: 55px;}
#banner .swiper-pagination-bullet{width: 58px;height: 7px;background: #fff;opacity: 1;margin: 0 4px;border-radius: 5px;vertical-align: top;position: relative;}
#banner .swiper-pagination-bullet:after{content: "";position: absolute;top: 0;left: 0;width: 0;height: 100%;border-radius: 5px;background: #f39800;}
#banner .swiper-pagination-bullet-active:after{width: 100%;transition: all 6.5s linear;}
#banner .swiper-button-prev,#banner .swiper-button-next{position: absolute;top: 50%;left: 8%;margin-top: -28px;width: 56px;height: 56px;background: url(../images/button.png) no-repeat;transition: all .5s;}
#banner .swiper-button-next{left: auto;right: 8%;transform: rotate(180deg);}